<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <f:facet name="first">
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
            <meta name="apple-mobile-web-app-capable" content="yes" />
            <title><ui:insert name="title">PrimeFaces Ronin</ui:insert></title>
        </f:facet>
        <h:outputStylesheet library="ronin-layout" name="css/core-layout.css"/>
        <h:outputStylesheet library="ronin-layout" name="css/animate.css"/>
        <h:outputStylesheet library="ronin-layout" name="css/ronin-font.css"/>
        <h:outputStylesheet library="ronin-layout" name="css/ronin-layout.css"/>
        <h:outputScript library="ronin-layout" name="js/layout.js"/>
        <h:outputScript name="js/i18n.js"/>
        <ui:insert name="head"/>
    </h:head>
    <h:body>
        <div id="wrapper">
            <div id="wrapperIndent">
                <div class="Animated05" id="layout-menu-cover">
                    <ui:insert name="topbar">
                        <ui:include src="topbar.xhtml"/>
                    </ui:insert>

                    <ui:insert name="layoutmenu">
                        <ui:include src="layoutmenu.xhtml"/>
                    </ui:insert>
                </div>

                <div id="layout-portlets-cover">
                    <div class="Flex">
                        <div class="FlexRow">
                            <div class="FlexCell">
                                <ui:insert name="content"/>
                            </div>
                        </div>
                    </div>

                    <ui:insert name="footer">
                        <div class="Container100">
                            <div class="ContainerIndent Fs16 leaden TexAlCenter ">
                                <div class="EmptyBox10"/>
                                <i class="fa fa-copyright"/> <a href="http://www.primefaces.org">PrimeFaces</a> <a href="http://www.primefaces.org/layouts/ronin">Ronin</a> Theme And Layout  |  All rights reserved.
                                <div class="EmptyBox10"/>
                            </div>
                        </div>
                    </ui:insert>
                </div>

                <ui:insert name="widgets">
                    <p:ajaxStatus style="width:32px;height:32px;position:fixed;right:7px;bottom:7px">
                        <f:facet name="start">
                            <p:graphicImage value="#{resource['ronin-layout:images/preloader.gif']}"/>
                        </f:facet>
                        <f:facet name="complete">
                            <h:outputText value=""/>
                        </f:facet>
                    </p:ajaxStatus>
                </ui:insert>
            </div>
        </div>
    </h:body>
</html>